<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>小兔鲜儿 - 新鲜 惠民 快捷!</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <link rel="shortcut icon" href="../favicon.ico">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../font/font_3924108_plrb521og7/iconfont.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2143783_iq6z4ey5vu.css">

</head>

<body>
    <!-- 登录头部 -->
    <div class="xtx-login-header">
        <h1 class="logo"></h1>
        <a class="home" href="../index.html">进入网站首页<span class="iconfont icon-xiangyou"></span><span
                class="iconfont icon-xiangyou"></span></a>
    </div>
    <!-- 登录内容 -->
    <div class="xtx-login-main">
        <div class="wrapper">
            <form action="" autocomplete="off">
                <div class="box">
                    <div class="tab-nav">
                        <a href="javascript:;" class="active" data-id="0">账户登录</a>
                        <a href="javascript:;" data-id="1">二维码登录</a>
                    </div>
                    <div class="tab-pane">
                        <div class="link">
                            <a href="javascript:;" data-index="0">使用账号登录</a>
                            <a href="javascript:;" data-index="1" style="display: none;">使用短信登录</a>
                        </div>
                        <div class="tab-username" style="display: block;">
                            <div class="input">
                                <span class="iconfont icon-zhanghao"></span>
                                <input required type="text" placeholder="请输入用户名称" name="username">
                            </div>
                            <div class="input">
                                <span class="iconfont icon-suo"></span>
                                <input required type="password" placeholder="请输入密码" name="password">
                            </div>
                        </div>
                        <div class="tab-username" style="display: none;">
                            <div class="input">
                                <span class="iconfont icon-zhanghao"></span>
                                <input required type="text" placeholder="请输入手机号码" name="phonenum">
                            </div>
                            <div class="input">
                                <span class="iconfont icon-suo"></span>
                                <input required type="text" placeholder="请输入验证码" name="phonecode">
                                <span class="pane-code">发送验证码</span>
                            </div>
                        </div>
                        <div class="agree">
                            <label for="my-checkbox">
                                <input type="checkbox" value="1" id="my-checkbox" class="remember" name="agree">
                                <span class="iconfont icon-xuanze"></span>
                            </label>
                            我已同意 <a href="javascript:;">《隐私条款》</a href="javascript:;"> 和 <a>《服务条款》</a>
                        </div>
                        <div class="button clearfix">
                            <button type="submit" class="dl">登 录</button>
                            <!-- <a class="dl" href="./center.html">登 录</a> -->
                            <a class="img" href="#"><img src="../images/qq.png" alt=""></a>
                            <a class="fll" href="#">忘记密码</a>
                            <a class="frr" href="./register.html">免费注册</a>
                        </div>
                    </div>
                    <div class="tab-pane" style="display: none;">
                        <img class="coden" src="http://erabbit.itheima.net/img/qrcode.5372a064.jpg" alt="">
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- 登录底部 -->
    <div class="xtx-login-footer">
        <!-- 版权信息 -->
        <div class="copyright">
            <p>
                <a href="javascript:;">关于我们</a>
                <a href="javascript:;">帮助中心</a>
                <a href="javascript:;">售后服务</a>
                <a href="javascript:;">配送与验收</a>
                <a href="javascript:;">商务合作</a>
                <a href="javascript:;">搜索推荐</a>
                <a href="javascript:;">友情链接</a>
            </p>
            <p>CopyRight &copy; 小兔鲜儿</p>
        </div>
    </div>
    <script src="../js/login.js"></script>
    <script>
    </script>
</body>

</html>